GO Vault

LINKING-STRATEGY

3 min read

Logos Papers Website - Linking Strategy

🗺️ Site Structure & Navigation Flow

┌─────────────────────────────────────────────────────────────┐
│                    index.html (Home)                         │
│           Timeline showing all 12 papers                     │
│         + Deep Access links (GitHub, Table, Viz)             │
└────────┬──────────┬──────────┬──────────┬──────────┬────────┘
         │          │          │          │          │
         ▼          ▼          ▼          ▼          ▼
    overview.html  paper-1    paper-2    ...     paper-12
         │          .html      .html              .html
         │            │          │                  │
         │            ▼          ▼                  ▼
         │       [Each paper has:]                  │
         │       • Fixed top nav                    │
         │       • Previous/Next buttons            │
         │       • Back to Timeline                 │
         │       • Link to Overview                 │
         │                                          │
         └──────────────────┬──────────────────────┘
                            │
                            ▼
                  Special Pages:
                  • unified-prediction-table.html
                  • visualizations.html
                  • hypothesis.html (RCH deep dive)

📋 Navigation Components

1. Top Navigation Bar (on every page)

[THE LOGOS PAPERS]  |  Overview  |  All Papers  |  [← Prev] [Next →]

2. Home Page (index.html)

Links TO:

  • overview.html - Framework explanation
  • paper-1.html through paper-12.html - Individual papers
  • unified-prediction-table.html - The prediction table
  • visualizations.html - Image gallery
  • External: GitHub, Substack (when added)

3. Overview Page (overview.html)

Links TO:

  • index.html - Back to timeline
  • All 12 paper pages (in the architecture diagram)
  • unified-prediction-table.html
  • External: GitHub

4. Individual Paper Pages (paper-1.html, etc.)

Links TO:

  • index.html - Back to timeline
  • overview.html - Framework explanation
  • paper-[N-1].html - Previous paper
  • paper-[N+1].html - Next paper
  • Related visualization in gallery

5. Special Pages

  • unified-prediction-table.html - Links back to relevant papers
  • visualizations.html - Links to papers that use each visual
  • hypothesis.html - Deep dive on RCH

🎯 User Journey Flows

Flow 1: Linear Reader (Most Common)

index.html → paper-1.html → paper-2.html → ... → paper-12.html
                ↑                                        │
                └────────────────────────────────────────┘
                     (Back to Timeline button)

Flow 2: Researcher

index.html → overview.html → unified-prediction-table.html
              ↓                        ↓
         paper-11.html           GitHub repo
         (Protocols)

Flow 3: Visual Learner

index.html → visualizations.html → [clicked visualization]
                                         ↓
                                  Associated paper

Flow 4: Monthly Subscriber

Substack notification → Substack post → [Link at bottom]:
                                         "Read next paper" → paper-2.html
                                         "View framework" → overview.html

🔗 Link Classes & States

Paper Cards (on index.html):

Available Papers:

<div class="timeline-item available" onclick="window.location.href='paper-1.html'">
    <a href="paper-1.html" class="read-button">Read on Site →</a>
    <!-- OR when on Substack: -->
    <a href="https://yoursubstack.com/p/paper-1" class="read-button">Read on Substack →</a>
</div>

Locked Papers:

<div class="timeline-item locked">
    <div class="coming-soon">🔒 Month 2</div>
    <!-- No links active -->
</div>

📅 Monthly Update Process

When Paper N Launches:

  1. Update index.html:

    • Change Paper N from locked to available
    • Add link to Substack post OR to paper-N.html

  2. Create paper-N.html (if hosting on site)

    • Copy paper-1.html as template
    • Update content
    • Update prev/next navigation

  3. Re-deploy to Cloudflare

🎨 Link Styling

All links use consistent visual language:

  • Gold/Blue gradient = Primary CTAs (start reading, continue)
  • Gold border = Available content
  • Gray/Locked = Coming soon content
  • Blue accent = Navigation elements
  • Hover effects = All clickable items scale up slightly

🔄 Cross-Reference Strategy

Papers reference each other inline like:

<p>
    As established in <a href="paper-3.html" style="color: var(--blue-light); text-decoration: underline;">
    Paper 3: The Algorithm of Reality</a>, the universe drives toward minimal complexity...
</p>

This creates a web of knowledge where readers can jump between related concepts.

📱 Mobile Considerations

  • Top nav collapses to hamburger menu (if we add JavaScript)
  • Timeline switches to single column on mobile
  • Paper navigation moves to bottom on mobile
  • All touch targets are ≥44px for accessibility

🚀 Deploy Checklist

Before deploying each month:

  • Test all links on the newly unlocked paper
  • Verify image paths work
  • Check prev/next navigation
  • Test on mobile
  • Update any cross-references in other papers if needed

Canonical Hub: CANONICAL_INDEX

Ring 2 — Canonical Grounding

Ring 3 — Framework Connections

Graph View